import { Select } from '@element-plus/icons-vue';
import { ElIcon } from 'element-plus';
import { defineComponent } from 'vue';
import Style from './1080.module.scss';

export default defineComponent({
    props: {
        /** 第几步 */
        num: {
            type: Number,
            required: true
        },
        /** 激活的步骤 */
        activeNum: {
            type: Number,
            required: true
        }
    },
    setup(props) {

        return () => (<>
            {
                (props.activeNum > props.num) ? <div class={Style.num}>
                    <ElIcon color='#3973F8'>
                        <Select></Select>
                    </ElIcon>
                </div>
                    :
                    (props.activeNum == props.num) ?
                        <div class={[Style.num, Style.num_active]}>
                            {props.num + 1}
                        </div>
                        :
                        <div class={Style.num}>
                            {props.num + 1}
                        </div>
            }

        </>);
    }
})